@charset "utf-8";
/* CSS Document */

body{ font-size:12px;}
a { color:#666; text-decoration:none; }
a:hover { text-decoration:none;}
li{list-style-type:none;}
.sider{width:285px; float:left;}
.containter{float:right; width:655px;}
.clear_cs{height:0px;font-size:0px; line-height:0px;clear:both;over-flow:hidden;}
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, blockquote, pre, form, fieldset, table, th, td, span{padding:0;margin:0;}


/******************header css***************/
body,td,th {font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;	font-size: 12px;}  
.fixed {position:fixed; top: 0px; z-index:999;}
.cc1{ width:100%; height:auto; overflow:hidden;}     
.c1{ width:1200px; height:auto; margin:0 auto; overflow:hidden;}


/******************top css***************/
.top{ width:100%; height:40px; background:#0f213b;}
.top .t{ width:1200px; height:40px; margin:0 auto; color:#fff; line-height:40px; font-size:14px;}
.top .t a{color:#fff;}
.top .right{ width:auto; height:40px; color:#e8c39f; line-height:40px; font-size:18px; float:right;}
.top .left30{ margin-left:30px;}

/******************header css***************/
.header{ width:100%; height:130px; background:#f7f7f7; border-bottom:2px solid #e4e2e3;}
.header .t{ width:1200px; height:130px; margin:0 auto;}
.header .logo{ width:500px; height:130px; float:left;}

.navlink{   float:right;   position:relative;   margin-right:30px;   margin-top:38px;   border: 1px solid #dbdbdb;   }      
.navlink input{   float:left;   width:480px;   height:46px;   border:0px none;    background:#fff;   }
.navlink input.submit{   width: 59px;   height: 46px;   padding: 0px;   cursor: pointer;   position:absolute;   right:0;   background:url(../images/input.png) no-repeat;   } 
.textIn {    width: 460px;	padding-left:20px;    height: 46px;    line-height: 46px;    float: left;    color:#bdbdbd;}  


/******************导航菜单 css***************/
.menubg{width:100%; height:48px; background:#f7f7f7;}   
.menu {width:1200px; margin:0 auto; position:relative; z-index:99; height:48px; }
.menu ul {padding:0; margin:0; list-style-type: none;}
.menu ul li { float:left;position:relative; text-align:center;}
.menu ul li a, .menu ul li a:visited {font-size:14px; height:48px; line-height:48px; padding:0 58px; color:#0f213b; text-align:center; display:block; text-decoration:none; }
.menu ul li a:hover {color:#fff; background:#1151ad;}

.menu ul li ul {display: none;}


.menu ul li:hover ul {display:block; position:absolute; top:50px; left:0; }
.menu ul li:hover ul li {width:100%; float:left; position:relative; text-align:center; height:30px; line-height:30px;}
.menu ul li:hover ul li a {display:block; background:#194f97; color:#fff; border-top:2px solid #fff;opacity:0.9; font-size:12px; height:30px; line-height:30px;}
.menu ul li:hover ul li a:hover {opacity:0.7;color:#fff;}

/******************banner css***************/
.banner{width:100%; height:auto; overflow:hidden; margin:0 auto;} 
#full-screen-slider { width:100%; height:550px; float:left; position:relative; z-index:1;}
#slides { display:block; width:100%; height:550px; list-style:none; padding:0; margin:0; position:relative}
#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute}
#slides li a { display:block; width:100%; height:100%; text-indent:-9999px}
#pagination { display:block; list-style:none; position:absolute; left:50%; top:520px; z-index:9900;  padding:5px 15px 5px 0; margin:0;}
#pagination li { display:block; list-style:none; width:10px; height:10px; float:left; margin-left:10px; border-radius:5px; background:#FFF }
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
#pagination li.current { background:#999999;}   
      

/******************通用 css***************/


.in_lan{ width:1200px; height:70px; margin:60px auto 20px;}
.in_lan .pic{ width:70px; height:70px; border-radius:50px; background:#deddd9; margin:0 10px; float:left;}
.in_lan .pic img{ width:70px; height:70px; border-radius:50px;}
.in_lan .tit{float:left; width:70%;}
.in_lan .tit1{ font-size:18px; color:#000; float:left; width:100%; margin-top:14px;}
.in_lan .tit2{ font-size:14px; color:#000; text-transform:capitalize; float:left; width:100%; line-height:18px;}
.in_lan .rightc{ width:68px; height:40px; background:url(../images/i_03.png) no-repeat; float:right;}
.in_lan .rightc a{ width:68px; height:40px; display:block;}


.xx{ width:100%; height:1px; background:#dedddc;}

.titcn{ width:100%; text-align:center; color:#000; font-size:30px; line-height:34px; margin-top:40px;}
.titen{ width:100%; text-align:center; color:#1d97d1; font-size:14px; background:url(../images/titen.png) no-repeat center; line-height:32px; text-transform:uppercase; margin-bottom:28px;}
.i_more{ width:300px; height:50px; line-height:50px; margin:30px auto; text-align:center; font-size:18px; text-transform:uppercase;}
.i_more a{ width:300px; height:50px; color:#000; border:1px solid #1d97d1; display:block; border-radius:15px; transition: all 500ms ease-in 0ms;}
.i_more a:hover{color:#fff; background-color:#1d97d1; border:1px solid #1d97d1;}



/******************首页产品中心 css***************/

.i_pro{ width:1200px; height:566px; overflow:hidden; margin:0px auto 90px;}
.i_pro .one{  width:613px; height:564px; float:left; border:1px solid #ebebeb;}
.i_pro .one a{  width:613px; height:564px; display:block;}
.i_pro .one a img{ width:613px; height:564px;}
.i_pro .x{  width:8px; height:566px; position:absolute; left:230px; bottom:0; background:#fff;}
.i_pro .two{  width:282px; height:276px; float:left; border:1px solid #ebebeb;position:relative;}
.i_pro .two a{  width:282px; height:276px; display:block;}
.i_pro .two a img{  width:282px; height:276px;}

.i_pro .one2{  width:613px; height:564px; float:right; border:1px solid #ebebeb;}
.i_pro .one2 a{  width:613px; height:564px; display:block;}
.i_pro .one2 a img{ width:613px; height:564px;}
.i_pro .two2{  width:282px; height:276px; float:right; border:1px solid #ebebeb;position:relative;}
.i_pro .two2 a{  width:282px; height:276px; display:block;}
.i_pro .two2 a img{  width:282px; height:276px;}

.i_pro .w7{ margin-right:7px;}
.i_pro .w10{ margin-right:10px;}
.i_pro .h10{ margin-bottom:10px;}


.i_prow{ width:1200px; height:auto; overflow:hidden; margin:0 auto;}
.i_prow .one{ width:290px; height:288px; float:left;}
.i_prow .one a{ width:290px; height:288px; display:block;}
.i_prow .one a img{ width:290px; height:288px;}
.i_prow .two{ width:600px; height:288px; float:left;}
.i_prow .two a{ width:600px; height:288px; display:block;}
.i_prow .two a img{ width:600px; height:288px;}

.i_prow .w10{ margin-right:10px;}
.i_prow .h10{ margin-bottom:10px;}

/******************首页关于我们 css***************/

.i_about{ width:1200px; margin:0 auto; height:auto; overflow:hidden; border-top:1px solid #dedddc; padding-top:50px;}
.i_about .memo{ width:711px; padding:0 22px 54px 22px; height:230px; float:left; border-bottom:1px solid #dedddc; line-height:24px; font-size:14px; color:#3c3c3c; overflow:hidden;}
.i_about img{ width:405px; height:285px; float:right; margin-right:20px; }


/******************首页联系我们 css***************/

.i_contact{ width:1200px; margin:0 auto 70px; height:auto; overflow:hidden; border-bottom:2px solid #dedddc; padding:40px 0;}
.i_contact .memo{ width:711px; float:left; height:auto; overflow:hidden; padding:0 22px; color:#3c3c3c; font-size:12px; line-height:24px;}
.i_contact .fx{ width:360px; height:28px; float:right; margin-right:20px;}
.i_contact .fx img{ width:40px; height:28px; float:left;}
.i_contact .fx font{ width:115px; height:28px; line-height:28px; color:#3c3c3c; float:left;}

.tel{ width:1140px; height:44px; margin:0 auto; font-size:18px; color:#e8c39f; line-height:44px; padding-left:60px; background:url(../images/bg_02.jpg) no-repeat; position:relative; z-index:1; margin-top:-22px;}

.tec{ width:100%; height:44px; background:#444; position:relative; margin-top:-22px;}


/******************底部菜单 css***************/

.i_nav{ width:840px; height:60px; margin:0 auto; border-bottom:1px solid #dedddc;}
.i_nav .cc{ width:400px; height:60px; margin:0 auto;}
.i_nav .cc li{ float:left; line-height:50px; height:50px; padding-top:10px; font-size:16px;}
.i_nav .cc li a{ color:#0f213b; display:block; padding:0 15px;}
.i_nav .cc li a:hover{ opacity:0.8; text-decoration:underline;}


.i_navc{ width:720px; height:46px; margin:0 auto;}
.i_navc li{ float:left; line-height:46px; height:46px; font-size:12px;}
.i_navc li a{ color:#0f213b; display:block; padding:0 18px;}
.i_navc li a:hover{ text-decoration:underline;}
.navc{ float:left; color:#0f213b; line-height:46px; }

/******************底部版权 css***************/


.dbbq{ width:1200px; height:auto; overflow:hidden;  color:rgba(0,0,0,0.4);  margin:0 auto; line-height:28px; text-align:center;} 




/******************内页产品中心 css***************/

.products{ width:1200px; height:auto; overflow:hidden; margin:0 auto;}
.products .type{ width:1170px; height:70px; background:#fff; margin:54px auto 4px;}
.products .type li{ float:left; text-align:center; height:70px; line-height:70px; font-size:14px; border-right:1px solid #d9d9d9; width:158px;}
.products .type li a{ color:#5e5c5c;  transition: all 300ms ease-in 0ms; display:block; }
.products .type li a:hover{ background:#1151ad; color:#fff;}
.products .type li.hover a{ background:#1151ad; color:#fff;}
.products .bod{ width:1170px; height:2px; background:#e7e7e7; margin:0 auto 40px;}



.abcd{ width:1200px; height:auto; overflow:hidden;  margin-bottom:60px;}


.lan{ width:1170px;  height:60px;  margin:0 auto 40px;}
.lan .tit{width:165px; height:50px; text-align:center; color:#fff; line-height:50px; background:#1151ad; font-size:14px;}
.lan .mbx{ float:right; color:#929292; font-size:14px; line-height:42px; padding-top:18px;}
.lan .mbx a{color:#333;}
.lan .mbx a:hover{color:#1d97d1;}


.prolist{ width:270px; height:240px; float:left; margin:0 15px 70px;}
.prolist a{ width:270px; height:240px;  display:block;}
.prolist a img{ width:268px; height:183px; border:1px solid #dbdbdb; transition: all 300ms ease-in 0ms;}
.prolist a:hover img{border:1px solid #1151ad;}
.prolist a .tit{ width:100%; height:53px; line-height:52px; font-size:14px; color:#3a3939; text-align:center; transition: all 300ms ease-in 0ms;}
.prolist a:hover .tit{ color:#1151ad;}
.prolist a .bod{ width:100%; height:2px; background:#d9d9d9; transition: all 300ms ease-in 0ms;}
.prolist a:hover .bod{ width:100%; height:2px; background:#1151ad;}



.about{ width:1170px; height:auto; color:#666; font-size:12px; line-height:24px; margin: 0 auto;}
.about .tit{ width:100%; margin-bottom:56px; color:#666; font-size:24px;  text-align:center; font-weight:bold; text-transform:uppercase;}






.newsd{ width:1170px; height:auto; margin:0 auto 45px; border-bottom:1px solid #e5e3e2;}
.newsd a{ width:1000px; height:200px; padding-bottom:45px; display:block;}
.newsd a img{ width:350px; height:200px; float:left; margin-right:30px;}
.newsd a .tit{ width:620px; height:48px; line-height:48px; font-size:16px; color:#000; float:left;}
.newsd a .bodc{ width:90px; height:1px; float:left; background:#9b9b9b; margin-bottom:24px;}
.newsd a .memo{ width:620px; height:66px; line-height:22px; font-size:12px; color:rgba(0,0,0,0.7); float:left; margin-bottom:20px;}
.newsd a .morec{ width:95px; height:34px; line-height:34px; text-align:center; float:left; border:1px solid #d8d8d8; color:#5a5a5a; transition: all 300ms ease-in 0ms;}
.newsd a:hover .morec{ color:#fff; background:#1151ad;}






